.content {
	font-size: $uni-font-size-base;
	background-color: $uni-bg-color-grey;
	.uniList{
		background: #f5f5f5;
	}
	.list {
		margin-top: 10upx;
		
		.list-box {
			display: flex;
			background-color: #fff;
			margin: 6rpx 0;
			.list-title-box {
				display: flex;
				.list-image {
					height: 100upx;
					width: 100upx;
					margin: 0 18upx 30upx;
				}

				.list-text-title {
					font-size: $uni-font-size-base;
					font-weight: bold;
					line-height: 60upx;
					margin-top: 1upx;
				}
				.list-text-title1 {
					text-align: left;
					color: $uni-text-color-grey;
					font-size: $uni-font-size-base;
					font-weight: normal;
					line-height: 40upx;
				}
				.list-status {
					font-size: $uni-font-size-sm;
					height: 100upx;
					line-height: 100upx;
					width: 120upx;
					margin: 0 18upx 30upx;

					.list-status-bar {
						color: $uni-border-todo-color;
						width: 100upx;
						height: 40upx;
						padding: 10upx 20upx;
						border-radius: 50upx;
						border: 0.5px solid $uni-border-todo-color;
					}
				}
			}

			.list-tab {
				line-height: 50upx;
				font-size: $uni-font-size-sm;
				color: #666;
				text-align: center;
				border-top: 1px solid rgba(0, 0, 0, 0.2);
				padding-top: 20upx;
				display: flex;

				.list-tab-title {
					width: 30%;
				}
				.list-tab-title-mid {
					width: 40%;
					border-left: 1px solid #eee;
					border-right: 1px solid #eee;
				}
			}
			.list-tab1 {
				font-size: $uni-font-size-sm;
				text-align: center;
				color: #000000;
				display: flex;

				.list-tab-body {
					width: 30%;
				}
				.list-tab-body-mid {
					border-left: 1px solid #eee;
					border-right: 1px solid #eee;
					width: 40%;
				}
			}
		}
	}
}
